import React from 'react'
import { Link, Outlet } from 'react-router-dom'

export default function A() {
  return <div>
    <div style={{ display: 'flex', 'flexDirection': 'column' }}>
      <Link to='/a/a1'>a1</Link>
      <Link to='/a/a2'>a2</Link>
      <Link to='/a/a3'>a3</Link>
    </div>
    <br />
    <div>
      {/** 子级路由容器 */}
      <Outlet />
    </div>
  </div>
}